<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>HTML列表</title>
	</head>
	<body>
		<p>列表分为三类：无序列表（ul），有序列表（ol），自定义列表（dl）。</p>
		<p>（li）标签是无序列表和有序列表的列表项标签</p>
		<h1>无序列表</h1>
		<ul type="disc"><!-- 无序列表默认类型 -->
			<li>苹果</li>
			<li>香蕉</li>
			<li>西瓜</li>
		</ul>
		<ul type="circle">
			<li>衬衫</li>
			<li>裙子</li>
			<li>裤子</li>
		</ul>
		<ul type="square">
			<li>数学</li>
			<li>语文</li>
			<li>英语</li>
		</ul>
		<h1>有序列表</h1>
		<ol>
			<li>苹果</li>
			<li>香蕉</li>
			<li>西瓜</li>
		</ol>
		<ol type="A">
			<li>衣服</li>
			<li>裙子</li>
			<li>裤子</li>
		</ol>
		<ol type="a">
			<li>数学</li>
			<li>语文</li>
			<li>英语</li>
		</ol>
		<ol type="I">
			<li>春天</li>
			<li>夏天</li>
			<li>秋天</li>
		</ol>
		<ol type="i">
			<li>玫瑰</li>
			<li>蔷薇</li>
			<li>杜鹃</li>
		</ol>
		<p>由此可见无序列表和有序列表前都会有项目符号</p>
		<p>若想取消符号可在内联样式中输入（list-style：none）</p>
		<h1>定义列表</h1>
		<p>（dt）标签是定义列表的列表项标签；（dd）标签是对列表项进行解释的标签</p>
		<dl>
			<dt>计算机</dt>
			<dd>用来计算的仪器</dd>
			<dt>显示器</dt>
			<dd>以视觉方式显示信息的装置</dd>
		</dl>
		<br />
		<a href="5.HTML链接与图像.html" style="text-decoration:none">上一节</a>
		<a href="7.HTML表格.html" style="text-decoration:none">&nbsp;下一节</a>
	</body>
</html>